<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>头部、尾部公共部分</title>
    <link rel="stylesheet" href="../../css/media.css">
    <link rel="stylesheet" href="../../css/base.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <a href="javascript:;">
            <img src="../../images/header_logo.png" alt="">
        </a>
        <!-- 头部中间文字，看需求 -->
        <!-- <span>头部</span> -->
        <a href="javascript:;">
            <img src="../../images/header_app.png" alt="">
        </a>
    </header>
    <!-- 搜索栏 -->
    <div class="search">
        <input type="text" placeholder="请输入你想比价的商品">
        <a href="javascript:;">搜索</a>
    </div>
    <h1>1234567897654</h1>
    <h1>1234567897654</h1>
    <h1>1234567897654</h1>
    <h1>1234567897654</h1>
    <h1>1234567897654</h1>
    <!-- 底部 -->
    <footer>
        <div class="foot_tool">
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <a href="#">返回顶部</a>
        </div>
        <div class="foot_content">
            <a href="javascript:;">手机APP下载
                <span>慢慢买手机版</span>
            </a>
            <span>--掌上比价平台</span>
            <p>m.manmanbuy.com</p>

        </div>
    </footer>
</body>

</html>